﻿<!doctype html>
<html lang="pt-br" ng-app="lifewayApp">
<head>
<meta charset="utf-8">
<title>Life Way Fitness</title>
<link href="css/estilo.css" rel="stylesheet" type="text/css">
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,700'
	rel='stylesheet' type='text/css'>
<script src="js/angular.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/controllers.js"></script>
</head>

<body ng-controller="ProdutosListCtrl">
	<div id="topo">
		<div id="area_logo"></div>
		<div id="rodape_area_logo"></div>
		<div id="area_menu">
			<div id="nav">
				<ul>
					<li><span class="esteira"></span><a href="#"><b>ESTEIRAS</b></a></li>
					<li><span class="eliptico"></span><a href="#"><b>ELIPTICOS</b></a></li>
					<li><span class="bicicleta"></span><a href="#"><b>BICICLETAS</b></a></li>
					<li><span class="plataforma"></span><a href="#"><b>PLATAFORMAS</b></a></li>
					<li><span class="contato"></span><a href="#"><b>CONTATO</b></a></li>
					<li><span class="localizacao"></span><a href="#"><b>LOCALIZAÇÃO</b></a></li>
				</ul>
			</div>
		</div>
		<div id="rodape_area_menu"></div>

	</div>
	<div id="centro">


		<div class="box" ng-repeat="produto in produtos">
			<div id="img"></div>
			<div id="textos">
				<p class="txt-titulo">{{produto.nomeDoEquipamento}}</p>
				<p class="txt-de">
					<del>De: {{produto.precoDe}} R$</del>
				</p>
				<p class="txt-por">Por: {{produto.precoPor}} R$</p>
				<p class="txt-de">{{produto.precoOu}}</p>
			</div>
			<div id="comprar">
				<a href="#">COMPRAR</a>
			</div>
		</div>

	</div>
	<div id="rodape">
		<div id="alto_rodape"></div>
		<div id="conteudo_rodape"></div>
	</div>
</body>
</html>
